<!doctype html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Life Way Fitness</title>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/estilo2.css" rel="stylesheet" type="text/css">
<link
	href='http://fonts.googleapis.com/css?family=Open+Sans:400,800,700'
	rel='stylesheet' type='text/css'>
<link href="style.css" rel="stylesheet" type="text/css">
<script src="js/angular.min.js"></script>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/jqry_produto_ver.js"></script>
<!-- <script src="js/controllers.js"></script>-->
<script src="js/bootstrap.min.js"></script>
</head>

<body>
	<div id="area_logo"></div>
	<nav class="navbar navbar-default" role="navigation">
		<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>

			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse"
				id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav navbar-center">
					<li><a href="index.php?menu=" class="text-center"><h2 class="glyphicon glyphicon-home"></h2><br/>Inicio</a></li>
					<li><a href="index.php?menu=esteira" class="text-center"><h2 class="icon-esteira-01"></h2>Esteiras</a></li>
					<li><a href="index.php?menu=elipt" class="text-center"><h2 class="icon-eliptico-01-01"></h2>Elipticos</a></li>
					<li><a href="index.php?menu=bi" class="text-center"><h2 class="icon-bicicleta-01"></h2>Bicicletas</a></li>
					<li><a href="index.php?menu=plataforma" class="text-center"><h2 class="icon-plataforma-01"></h2>Plataformas</a></li>
					<li><a href="contato.php" class="text-center"><h2 class="glyphicon glyphicon-phone-alt"></h2><br/>Contato</a></li>
					<li><a href="localizacao.php" class="text-center"><h2 class="glyphicon glyphicon-globe"></h2><br/>Localização</a></li>
				</ul>				
			</div>
			
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container-fluid -->
	</nav>

	<div class="container">
	<?php
		if(empty($produto)) :
	?>
		<div class="row">
			 <h1>esta vazio</h1>
			</div>
		</div>
	<?php else : ?>
		<div class="row">
			   <div class="col-md-6">
			   	<div class="thumbnail">
			 		<img src="<?php echo 'img/site/grande/' . $produto[0]['id'] . '.jpg' ;?>" alt="<?php echo $produto[0]["descricao"];?>" class="img-responsive">
			 	</div>
			 </div>
			 <div class="col-md-6">
			 	<div class="row">
			 		<h1><?php echo $produto[0]['nome'];?></h1>
			 	</div>
			 	<div class="row"> 
			 		<h3>Preço: <?php echo formata_moeda($produto[0]['precopor']) . ' R$'?></h3>
			 	</div>
			 	<div class="row">
			 		<button class="btn btn-success btn-lg" data-toggle="modal" data-target="#myModal">Comprar</button>
			 	</div>
			 </div>			 
			</div><!-- final row -->
			<div class="row">
			 	<ul class="nav nav-tabs" role="tablist">
  					<li class="active"><a href="#">Especificações</a></li>
  					<!-- <li><a href="#">Especificações</a></li>-->  					
				</ul>
				<p><?php echo utf8_encode($produto[0]['descricao']);?></p>
				<br />
				<br />
				<br />
				<br />
				<br />
				<br />
				<br />
				<br />
				<!-- Modal -->
				<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				  <div class="modal-dialog">
				    <div class="modal-content">
				      <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
				        <h4 class="modal-title" id="myModalLabel">Quero comprar e agora?</h4>
				      </div>
				      <div class="modal-body">
				        <h5>Entre em contato conosco pelo telefone:</h5>
				        <h3>(61) 3491-1083</h3>
						<h3>ou</h3>
						<h3>(61) 3327-6980</h3>
				        <h5>ou mande email para:</h5>
				        <h3>arlindoerf@gmail.com</h3>
				        <h5>que o atendimento será rápido.</h5>
				        <h5>Aguardo seu contato.</h5>				        
				      </div>
				      <div class="modal-footer">
				        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>				        
				      </div>
				    </div>
				  </div>
				</div>
				
			 </div>			 
		</div>	
	<?php endif ?>
	</div>

	<div id="rodape">
		<div id="alto_rodape"></div>
		<div id="conteudo_rodape">
		<div class="container">
				<br>
				<div class="row txt-endereco">
					<address>
						<strong>Life Way Fitness</strong> <br> Quiosque Life Way Fitness
						2° Piso. <br> Shopping Conjunto Nacional <br> Brasília DF <br>
					</address>
				</div>				
				<div class="row txt-endereco">
					<address>
						Loja 710 Norte Bloco `` A`` Loja 30 <br> Asa Norte <br> Plano Piloto <br>
						<abbr title="CEP">CEP:</abbr> 70750-531
					</address>
				</div>
				<div class="row txt-endereco text-right">
					Site desenvolvido por <a href="mailto:thiagobarso@gmail.com?Subject=lifewayfitness" target="_top">Thiago Barso</a>
				</div>
			</div>
		</div>
	</div>
</body>
</html>